<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单标签</title>
</head>

<body>
  <form action="">
    <!-- 登录 注册 搜索 -->

    <!-- 
      占位文本 placeholder 
      多文件上传 multiple
      -->
    文本框：<input type="text" placeholder="文本框">
    密码框：<input type="password" placeholder="密码框">
    单选框：
    <input type="radio" name="gender" checked>男
    <input type="radio" name="gender">女
    <br>多选框：
    <input type="checkbox" checked>同意
    <input type="file" multiple>
    下拉菜单：
    <select>
      <option>选项1</option>
      <option selected>选项2</option>
      <option>选项3</option>
    </select>
    <br>文本域：<br>
    <textarea placeholder="文本域"></textarea>
    <br>

    <!-- label 优化标签增加用户体验感 -->
    <label for="tt">文本框：</label><input id="tt" type="text" placeholder="文本框">
    <label>密码框：<input type="password" placeholder="密码框"></label>

    <!-- 按钮 submit 提交 reset 重置 button 普通-->
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">普通按钮</button>
  </form>


</body>

</html>